
/*
	Alignment
------------------------------------------------------------------- */

/* Floats */

.left {float: left;}
.right {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}


/*
	Example specifics
------------------------------------------------------------------- */

/* Layout */

#center-wrapper {
	margin: 0 auto;
}


/* Columns */

.column {
	margin-left: 0px;
	width: 50%;
}
.column.first {margin-left: 0;}


/* Sortable items */

.sortable-list {

	list-style: none;
	margin: 0;
	min-height: 60px;
	padding: 5px;
}
.sortable-item {
	background-color: #FFF;
	cursor: move;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Containment area */

#containment {
	background-color: #FFA;

}


/* Item placeholder (visual helper) */

.placeholder {
	background-color: #FFFFFF;
	border: 2px dashed #9B0000;
	height: 58px;
	margin-bottom: 5px;
}